 <!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>个人中心页</title>
		<link rel="shortcut icon" href="img/lenovo.ico"/>
		<link rel="stylesheet" type="text/css" href="css/personal.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/list.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/details.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
	</head>
	<body>
		<div class="web">
			<!--头部S-->
			<header>
				<div class="top_img">
					<a href=""><img src="img/index/top_img.jpg" /></a>
					<div class="main1">
						<div class="close_top_img"><i class="iconfont icon-chahao"></i></div>
					</div>
				</div>
				<!--头部导航S-->
				<div class="top_nav">
					<div class="top_box">
						<ul>
							<li>
								<a href="index.html">官网首页</a><em></em></li>
							<li>
								<a href="details.html">个人及家用产品</a><em></em></li>
							<li>
								<a href="list.html">电商产品及解决方案</a><em></em></li>
							<li>
								<a href="personal.html">聚享汇会员专享</a><em></em></li>
							<li>
								<a href="">销售网点查询</a><em></em></li>
							<li class="hover_change" style="padding-right: 20px;">
								<a href="">社交平台<i class="iconfont icon-xiala xiala"></i></a><em></em>
								<div class="social_hover animated huazai flipInX">
									<ul>
										<li>
											<a href="">
												<div class="social_hover_img"></div>联想官方微博</a>
										</li>
										<li>
											<div class="social_hover_img"></div>
											<a href="">杨元庆微博</a>
										</li>
										<li>
											<div class="social_hover_img"></div>
											<a href="">联想官方微信</a>
										</li>
										<li>
											<div class="social_hover_img"></div>
											<a href="">百度贴吧联想吧</a>
										</li>
										<li>
											<a href="">联想兴趣部落</a>
										</li>
										<li>
											<div class="social_hover_img"></div>
											<a href="">联想QQ空间</a>
										</li>
										<li>
											<div class="social_hover_img"><i class="iconfont icon-daipingjia"></i></div>
											<a href="">联想官方社区</a>
										</li>
									</ul>
								</div>
							</li>
							<li class="hover_change">
								<a href="">手机版<i class="iconfont icon-xiala xiala"></i></a>
								<div class="social_hover animated huazai flipInX phone_wei"><img src="img/xxewm.png" class="erweima"/><span>联想商城客户端</span><img src="img/index/iPhone.jpg" /></div>
							</li>
						</ul>
						<div class="top_region">
							<i class="iconfont icon-yinliang"></i>
							<a href=""><marquee direction="up" scrolldelay="500" style="padding-left: 10px;">乐豆抽奖大战开始啦，赶紧戳我抽取大奖，miix平板等着你 !</marquee></a>
						</div>
					</div>
				</div>
				<!--头部导航E-->
				<div class="header">
					<div class="header_main ">
						<div class="nav_header">
							<ul class="clearfix">
								<li>
									<a href="">联想合伙人</a>
									<i class="iconfont icon-icon_hot nav_icon"></i>
								</li>
								<li>
									<a href="">私人定制</a>
								</li>
								<li>
									<a href="">急速达</a>
								</li>
								<li>
									<a href="">小新铺子</a>
									<i class="iconfont icon-NEW nav_icon"></i>
								</li>
								<li>
									<a href="">学生专区</a>
								</li>
								<li class="serve_hover">
									<a href="">服务</a>
									<div class="serve animated huazai flipInX">
										<ul>
											<li>
												<a href="">服务支持</a>
											</li>
											<li>
												<a href="">驱动下载</a>
											</li>
											<li>
												<a href="">联想知识库</a>
											</li>
										</ul>
									</div>
								</li>
								<li>
									<a href="">社区</a>
								</li>
							</ul>
						</div>
						<div class="search">
							<input type="text" id="search_top" name="search_text" placeholder="Taxt fs" />
							<a href="" class="input_on">TAB4 Plus</a>
							<div class="search_sousuo">
								<i class="iconfont icon-sousuo"></i>
							</div>
						</div>
						<div class="nav_right">
							<ul class="clearfix">
								<li>
									<a href="">10010
										<i class="iconfont icon-you"></i>
									</a>
									<div class="my_login animated bounceInDown">
										<p><a href="">我的商城</a></p>
										<p><a href="">退出登录</a></p>
									</div>
								</li>
								<li class="car_buy">
									<a href="">
										<div class="kinds_number"><span>0</span></div>
										<i class="iconfont icon-gouwuche gouwucar"></i>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</header>
			<!--头部E-->
			<!--icon定位S-->
			<div class="lenovo_icon">
				<div class="lenovo_long">
					<a href=""><img src="img/index/Lenovo.jpg" /></a>
				</div>
				<div class="lenovo"><img src="img/index/L.jpg" /></div>
			</div>
			<!--icon定位E-->
			<!--中间内容S-->
			<main class="clearfix">
				<div class="personal">
					<div class="main2 clearfix">
						<div class="personal_top">
							<div class="fl">
								<a href="index.html">首页</a>&gt;
								<a href="">会员中心</a>&gt;
								<span>个人信息</span>
							</div>
							<div class="fr">
								<span>首次完善个人信息，送50乐豆!</span>
							</div>
						</div>
						<div class="personal_bar">
							<div class="list_person">
								<h3><span>账户中心</span><i class="iconfont icon-you"></i></h3>
								<ul>					
									<li class="on_this">
										<a href="">个人信息</a>
									</li>
									<li>
										<a href="">修改密码</a>
									</li>
									<li>
										<a href="">账户绑定</a>
									</li>
								</ul>
							</div>
							<!--订单中心-->
							<div class="list_person">
								<h3><span>订单中心</span><i class="iconfont icon-you"></i></h3>
								<ul>									
									<li>
										<a href="">我的订单</a>
									</li>
									<li>
										<a href="">评价订单</a>
									</li>
									<li>
										<a href="">我的吐槽</a>
									</li>
									<li>
										<a href="">收货地址</a>
									</li>
									<li>
										<a href="">我的收藏</a>
									</li>
									<li>
										<a href="">我的预约</a>
									</li>
									<li>
										<a href="">我的退换货</a>
									</li>
								</ul>
							</div>
							<!--我的信箱-->
							<div class="list_person">
								<h3><span>我的信箱</span><i class="iconfont icon-you"></i></h3>
								<ul>									
									<li>
										<a href="">我的站内信</a>
									</li>	
								</ul>
							</div>
							<!--资产中心-->				
							<div class="list_person">
								<h3><span>资产中心</span><i class="iconfont icon-you"></i></h3>
								<ul>									
									<li>
										<a href="">我的乐豆</a>
									</li>
									<li>
										<a href="">我的优惠券</a>
									</li>
									<li>
										<a href="">实物奖品</a>
									</li>
									<li>
										<a href="">领券中心</a>
									</li>
								</ul>
							</div>
							<!--我的合伙人-->
							<div class="list_person">
								<h3><span>我的合伙人</span><i class="iconfont icon-you"></i></h3>
								<ul>									
									<li>
										<a href="">账户信息</a>
									</li>
									<li>
										<a href="">我的推广</a>
									</li>
									<li>
										<a href="">我的权益点</a>
									</li>
									<li>
										<a href="">我的兑换</a>
									</li>
								</ul>
							</div>
						</div>
						<!--右边-->
						<div class="personal_right">
							<div class="personal_title">
								个人信息
							</div>
							<div class="parson_main clearfix">
								<ul>
									<li>
										<p class="person_name">会员账号：</p>
										<p>10010</p>
									</li>
									<li>
										<p class="person_name"><em>*</em> 会员昵称：</p>
										<input type="text" name="chenghu" id="chenghu" />
										<font>4-20个字符,可由中英文、数字、"_"、"-"组成</font>
									</li>
									<li>
										<p class="person_name"><em>*</em>性别：</p>
										<input type="radio" name="man" id="man" /><label for="man">男</label>
										<input type="radio" name="man" id="women" /><label for="women">女</label>
										<input type="radio" name="man" id="privary" checked/><label for="privary">保密</label>
									</li>
									<li>
										<p class="person_name"><em>*</em> 生日：</p>
										<input type="text" name="" id="" />
									</li>
									<li class="clearfix">
										<p class="person_name"><em>*</em> 会员昵称：</p>
										<input type="text" name="chenghu" id="chenghu" />
										<font>英文长度:4-20 ，中文长度:2-10</font>
									</li>
									<li class="clearfix">
										<p class="person_name"><em>*</em> 居住地：</p>
										<div class="select_all">
											<select class="state">
												<option selected="selected" disabled="disabled">请选择省份</option>
											</select>
										</div>
										<div class="select_all">
											<select class="city">
												<option selected="selected" disabled="disabled">请选择城市</option>
											</select>
										</div>
										<div class="select_all">
											<select class="county">
												<option selected="selected" disabled="disabled">请选择区/县</option>
											</select>
										</div>
									</li>
									<li class="clearfix">
										<p class="person_name"><em>*</em> 详细住址：</p>
										<input type="text" name="adress" id="adress" />
									</li>
								</ul>
								<!--头像-->
								<div class="person_head">
									<input type="file" name="touxiang" id="touxiang" style="display: none;"/>
									<label for="touxiang">
										<a href=""><img src="img/details/personal.png"/></a>
										<p><a href="">修改头像</a></p>
									</label>
									
								</div>
							</div>
							<div class="person_amend">
								<p>修改</p>
							</div>
						</div>		
					</div>
				</div>
			</main>
			<!--中间内容E-->
			<!--尾部S-->
			<footer class="clearfix">
				<div class="footer_img">
					<div class="main1"><img src="img/index/8518047e-a59d-4123-ad1f-4a68391ec161.jpg" /></div>
				</div>
				<div class="footer clearfix">
					<div class="main1">
						<dl>
							<dt>购物指南</dt>
							<dd>
								<a href="">服务商信息</a>
							</dd>
							<dd>
								<a href="">购买流程</a>
							</dd>
							<dd>
								<a href="">注册登录</a>
							</dd>
						</dl>
						<dl>
							<dt>配送方式</dt>
							<dd>
								<a href="">配送方式</a>
							</dd>
							<dd>
								<a href="">配送方式信息</a>
							</dd>
							<dd>
								<a href="">签收原则</a>
							</dd>
							<dd>
								<a href="">物流查询</a>
							</dd>
						</dl>
						<dl>
							<dt>支付方式</dt>
							<dd>
								<a href="">支付方式</a>
							</dd>
							<dd>
								<a href="">支付问题</a>
							</dd>
							<dd>
								<a href="">分分期</a>
							</dd>
						</dl>
						<dl>
							<dt>订单信息</dt>
							<dd>
								<a href="">订单信息</a>
							</dd>
							<dd>
								<a href="">其它频道订单发票</a>
							</dd>
							<dd>
								<a href="">手机频道订单发票</a>
							</dd>
						</dl>
						<dl>
							<dt>售后服务</dt>
							<dd>
								<a href="">售后政策总则</a>
							</dd>
							<dd>
								<a href="">手机售后政策总则</a>
							</dd>
							<dd>
								<a href="">24小时在线客服</a>
							</dd>
						</dl>
						<dl>
							<dt>其他说明</dt>
							<dd>
								<a href="">服务承诺</a>
							</dd>
							<dd>
								<a href="">账户安全</a>
							</dd>
							<dd>
								<a href="">产品安全</a>
							</dd>
						</dl>
					</div>
				</div>
				<div class="f_comment ">
					<div class="main1">
						<div class="fo_row">
							<a href="">关于联想</a><span></span>
							<a href="">联系我们</a><span></span>
							<a href="">工作机会</a><span></span>
							<a href="">新闻中心</a><span></span>
							<a href="">聚享汇会员专享</a><span></span>
							<a href="">联想社区</a><span></span>
							<a href="">NBD</a><span></span>
							<a href="">联想超融合</a><span></span>
							<a href="">联想官网热搜榜</a><span></span>
							<a href="">分类大全</a><span></span>
							<a href="">联想产品大全</a><span></span>
							<a href="">智慧医疗</a>
							<div class="select_img">
								<div class="select_hover">
									<ul>
										<li>china</li>
										<li>sdfa</li>
										<li>fs</li>
										<li>asf</li>
										<li>asf</li>
										<li>vzc</li>
										<li>asfd</li>
										<li>vzxc</li>
										<li>asfd</li>
										<li>zxvc</li>
										<li>china</li>
										<li>sdfa</li>
										<li>fs</li>
										<li>asf</li>
										<li>asf</li>
										<li>vzc</li>
										<li>asfd</li>
										<li>vzxc</li>
										<li>asfd</li>
										<li>zxvc</li>
										<li>china</li>
										<li>sdfa</li>
										<li>fs</li>
										<li>asf</li>
										<li>asf</li>
										<li>vzc</li>
										<li>asfd</li>
										<li>vzxc</li>
										<li>asfd</li>
										<li>zxvc</li>
										<li>sdfa</li>
										<li>fs</li>
										<li>asf</li>
										<li>asf</li>
										<li>vzc</li>
										<li>asfd</li>
										<li>vzxc</li>
										<li>asfd</li>
										<li>zxvc</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="fo_row">
							<em>版权所有：1998-2016联想集团</em><span></span>
							<a href="">法律公告</a><span></span>
							<a href="">隐私保护</a><span></span>
							<a href="">京ICP备11035381</a><span></span>
							<em>京公网安备110108007970号</em><span></span>
							<a href="">营业执照：110000410127232</a><span></span>
							<a href=""><i class="iconfont icon-dingwei"></i>销售网点</a><span></span>
							<a href=""><i class="iconfont icon-dingwei"></i>服务网点</a>

						</div>
					</div>
				</div>
			</footer>
			<!--尾部E-->	
			<!--滚动固定栏S-->
			<div class="fix_left">				
			</div>
			<div class="fix_right">
				<ul class="clearfix">
					<li>
						<i class="iconfont icon-cellphone6shouji"></i>
						<a href="" title="热线">热线</a>
						<div class="fix_fixtext clearfix">
							<div class="fix_row">
								<div class="fl_img fl">
									dd
								</div>
								<div class="text_a">
									<a href="">
									商城服务热线<br />
									4000-888-222
									</a>
								</div>
							</div>
							<div class="fix_row">
								<div class="fl_img fl">
									dd
								</div>
								<div class="text_a">
									<a href="">
									think商城服务热线<br />
									4000-888-222
									</a>
								</div>
							</div>
							<div class="fix_row">
								<div class="fl_img fl">
									dd
								</div>
								<div class="text_a">
									<a href="">
									手机频道服务热线<br />
									400-889-9090
									</a>
								</div>
							</div>
							<div class="fix_row">
								<div class="fl_img fl">
									dd
								</div>
								<div class="text_a">
									<a href="">
									电脑增值服务热线<br />
									400-890-1566
									</a>
								</div>
							</div>
							<div class="fix_row">
								<div class="fl_img fl">
									dd
								</div>
								<div class="text_a">
									<a href="">
									联想商用客户热线<br />
									400-813-6161
									</a>
								</div>
							</div>
							<div class="fix_row">
								<div class="fl_img fl">
									dd
								</div>
								<div class="text_a">
									<a href="">
									商城电视热线<br />
									400-990-8888
									</a>
								</div>
							</div>
							<div class="fix_row">
								<div class="fl_img fl">
									dd
								</div>
								<div class="text_a">
									<a href="">
									电脑增值服务热线<br />
									400-890-1566
									</a>
								</div>
							</div>
						</div>
					</li>
					<li>
						<i class="iconfont icon-weixin"></i>
						<a href="" title="咨询">咨询</a>
						<div class="fix_fixtext clearfix">
							<div class="fix_row">
								<div class="fl_img fl">
									dd
								</div>
								<div class="text_a">
									<a href="">
									企业IT咨询顾问<br />
									4009868999
									</a>
								</div>
							</div>
							<div class="fix_row">
								<div class="fl_img fl">
									dd
								</div>
								<div class="text_a">
									<a href="">
									售前咨询，获取更多优惠<br />
									9:00－22:00
									</a>
								</div>
							</div>
							<div class="fix_row">
								<div class="fl_img fl">
									dd
								</div>
								<div class="text_a">
									<a href="">
									服务类售后咨询<br />
									00:00－24:00
									</a>
								</div>
							</div>
						</div>
					</li>
					<li>
						<i class="iconfont icon-shouyeshouye"></i>
						<a href="" title="门店">门店</a>
					</li>
					<li>
						<i class="iconfont icon-xiesixin"></i>
						<a href="" title="吐槽">吐槽</a>
					</li>
					<li class="go_top">
						<i class="iconfont icon-xia"></i>
					</li>
				</ul>
			</div>
			<!--滚动固定栏E-->
			<input type="checkbox" name="close_logn_in" id="close_logn_in" value="" />
			<!--弹出登录框S-->
			<div class="logn_in">
				
				<input type="checkbox" name="kuai_log" id="kuai_log" value="" />
				<input type="checkbox" name="commond_log" id="commond_log" value="" />
				
				<!--普通登录-->				
				<div class="general">
					<div class="log_top">
						<label for="kuai_log"><span class="on">普通登录</span></label>
						<label for="commond_log"><span>快捷登录</span></label>
						<label for="close_logn_in">
							<i class="iconfont icon-chahao close_log"></i>
						</label>
					</div>
					<div class="log_text">
						<div class="input_f input_top">
							<div class="input_left "><i class="iconfont icon-ren"></i></div>
							<input type="text" name="people" placeholder="请输入手机号码或邮箱"/>			
						</div>
						<div class="input_f">
							<div class="input_left"><i class="iconfont icon-shouyeshouye"></i></div>
							<input type="password" name="password" placeholder="密码"/>										
						</div>
						<p>账号不能为空</p>
						<div class="auto_log">
							<input type="checkbox" id="auto" value="" checked/>
							<label for="auto">自动登录</label>
						</div>
						<div class="log_btn">
							<a href="">登 &nbsp;录</a>
						</div>
						<div class="password_log clearfix">
							<div class="fl"><a href="">立即注册</a></div>
							<div class="fr"><a href="">忘记密码</a></div>
						</div>
						<div class="let_log">
							<span>使用合作网站账号登录:</span>
							<div class="let_log_i">
								<a href=""><i class="iconfont icon-weibo"></i></a>
								<a href=""><i class="iconfont icon-weibo"></i></a>
								<a href=""><i class="iconfont icon-weixin"></i></a>
								<a href=""><i class="iconfont icon-weibo"></i></a>
							</div>
						</div>
					</div>					
				</div>
				<!--快捷登录-->
				<div class="faster">
					<div class="log_top">
						<label for="commond_log"><span>普通登录</span></label>
						<label for="kuai_log"><span class="on">快捷登录</span></label>
						<label for="close_logn_in">
							<i class="iconfont icon-chahao close_log"></i>
						</label>
					</div>
					<div class="log_text">
						<div class="input_f input_top">
							<div class="input_left "><i class="iconfont icon-ren"></i></div>
							<input type="text" name="people" placeholder="请输入手机号"/>			
						</div>
						<div class="input_middle fl">
							<div class="input_left"><i class="iconfont icon-shouyeshouye"></i></div>
							<input type="text" name="text" placeholder="请输入验证码" class="yan_input"/>
						</div>
						<div class="fr yan_img"><a href=""><img src="img/yan.jpg"/></a><a href="">换一换</a></div>
						<div class="input_f clearfix">
							<div class="input_left"><i class="iconfont icon-shouyeshouye"></i></div>
							<input type="password" name="password" placeholder="动态密码" class="yan_input"/>	
							<div class="fr">获取动态密码</div>
						</div>
						<p>请输入验证码</p>
						<div class="auto_log">
							<input type="checkbox" id="autof" value="" checked/>
							<label for="autof">自动登录</label>
						</div>
						<div class="log_btn">
							<a href="">登 &nbsp;录</a>
						</div>
						<div class="password_log clearfix">
							<div class="fl"><a href="">立即注册</a></div>
							<div class="fr"><a href="">忘记密码</a></div>
						</div>
						<div class="let_log">
							<span>使用合作网站账号登录:</span>
							<div class="let_log_i">
								<a href=""><i class="iconfont icon-weibo"></i></a>
								<a href=""><i class="iconfont icon-weibo"></i></a>
								<a href=""><i class="iconfont icon-weixin"></i></a>
								<a href=""><i class="iconfont icon-weibo"></i></a>
							</div>
						</div>
					</div>					
				</div>
			</div>
			<!--弹出登录框E-->			
		</div>
		<script src="js/person.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/scroll.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>